<template>
  <el-page-header content="detail" @back="goBack" />
  <el-empty description="description"></el-empty>
  <h1>{{number}}</h1>
  <div class="block">
    <span class="demonstration">When you have more than 7 pages</span>
    <el-pagination layout="prev, pager, next" :total="1000"></el-pagination>
  </div>  
  
</template>

<script>
import sum from "../utils/sum.js"
export default {
  name: 'HelloWorld',
  computed:{
    number(){
      return sum()
    }
  }
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
